<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="./js/flexible.js"></script>
    <script src="./js/flexible_css.js"></script>
    <link rel="stylesheet" href="./css/style1.css">
</head>
<body>
    <div class="box">
        <!-- 头部 -->
        <div class="head">
            <img src="./img/zuosanjiao.png" alt="" class="img1">
            <p>商品详细</p>
            <img src="./img/dain.png" alt="" class="img2">
        </div>
        <div class="top">
            <img src="./img/banner1.png" alt="">
            <div class="top1">
                <p class="p1">意大利小镇特产乌龙茶叶     来自顶级的茶山、茶树，传承200手工制茶工艺</p>
                <img src="./img/眼睛.png" alt="">
                <div class="top2">
                    <h1>￥126.00<span>起/斤</span></h1>
                    <p>100斤<span>起批</span></p>
                </div>
            </div>
        </div>
        <div class="main">
            <p>供货时间<span>3月15日至7月30日</span></p>
            <p class="p3">运费<span>买家承担</span></p>
        </div>
        <div class="main1">
            <div class="left">
                <dl>
                    <dt>
                        <img src='./img/banner2.png'>
                    </dt>
                    <dd>
                        <p>意大利社员卉庄园</p>
                        <h1>供应：苹果  土豆</h1>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</body>
</html>